body,html{
	width:100vw;
	height:100vh;
	margin:0px;
	padding:0px;
	display:block;
	margin:0 auto;
}
form{
	width:100vw;
	height:100vh;
	box-sizing:border-box;
}
table{
	width:95%;
	height:350px;
	margin:0 auto;
	position:relative;
	top:20vh;
	background:rgba(135,206,250,0.2);
	box-shadow:1px 2px 2px #696969;
	text-align:center;
	text-shadow:1px 1px 1px #828282;
	border-radius:10px;
}
table tr td:nth-child(1){
	width:35vw;
	font-size:25px;
}
table tr td:nth-child(2){
	width:65vw;
}
table caption{
	font-size:25px;
	font-weight:bolder;
	color:#2F4F4F;
}
input[type="text"],input[type="password"]{
	width:100%;
	height:100%;
	box-sizing:border-box;
	background:white;
	color:#778899;
	font-size:25px;
	border:0px;
}
input[type="submit"]{
	width:50vw;
	height:90%;
	display:block;
	font-size:6vw;
	font-weight:bold;
	margin:0 auto;
	border-radius:5px;
	color:#363636;
}
input[type="submit"]:active,input[type="button"]:active{
	background:	rgba(205,198,115,0.5);
}
table tr:nth-child(5) input[type="text"]{
	width:30%;
	height:70%;
	font-size:4.5vw;
	text-align:center;
}
table tr:nth-child(5) input[type="button"]{
	width:27%;
	height:60%;
	font-size:4vw;
	border-radius:10px;
}
#code_text{
	text-decoration:underline;
	background:rgba(238,230,133,0.5);
	letter-spacing:8px;
	font-weight:bold;
}
.btns{
	border:0px;
	text-align:center;
	background:rgba(160,82,45,0.2);
	box-shadow:2px 3px 3px #363636;
}
input::-webkit-input-placeholder {
	color:rgba(139,131,120,0.4);
    font-size:20px;
    font-weight:normal;
}
input::-moz-placeholder {
	color:rgba(139,131,120,0.4);
    font-size:20px;
    font-weight:normal;
}
input::-moz-placeholder {
	color:rgba(139,131,120,0.4);
    font-size:20px;
    font-weight:normal;
}
input::-ms-input-placeholder{
	color:rgba(139,131,120,0.4);
    font-size:20px;
    font-weight:normal;
}
#code_val:-:webkit-input-placeholder {
	color:rgba(139,131,120,0.4);
    font-size:15px;
    font-weight:normal;
}
input,table,form{
	-webkit-appearance:none; 
	outline:none;
}